/* 1、默认隐藏子菜单
 * 2、鼠标移入：显示当前子菜单
 * 3、鼠标移出：隐藏子菜单
 */
//1)获取4个菜单（li）对象
var menu = $('#header #example-navbar-collapse li.menu');
//2)获取4个子菜单
var submenu = $('#header #example-navbar-collapse li.menu ul.wrap')
//3)
submenu.css('display', 'none');
//4)鼠标移入，显示当前子菜单（其它菜单隐藏）
menu.mouseover(
	function() {
		//当前显示（向下滑动显示）
		$(this).find('.wrap').slideDown();
		//其它隐藏
		$(this).siblings().find('.wrap').css('display', 'none')
	}
);
//5）鼠标移出：隐藏子菜单
menu.mouseout(
	function() {
		submenu.css('display', 'none')
	}
)
/*四、我们的成员*/
/* 1、鼠标移入照片上，出现个人介绍
   2、鼠标移出照片，隐藏个人介绍
   3、每隔5秒，随机显示另外3位成员信息：
      计时器重复执行的函数：随机产生3个学生id，将页面是的照片，座右铭，介绍都替换成该学生
*/
var div=$('.our-member .data-item div');
var p=$('.our-member .data-item p');
//鼠标移入div:让对应的p出现，取消计时器
div.mouseover(
    function(){
    	$(this).siblings('p').css('display','block')
    	//取消计时器
    	clearInterval(timer_member)
    }
);
//移出:所有的p都隐藏，恢复计时器
div.mouseout(
	function(){
		p.css('display','none')
		timer_member=setInterval(fun_member,1000);
	}
)
//创建学生对象
 function Student(id,name,hometown,title,img,motto){
	this.id=id;
	this.name=name;
	this.hometown=hometown;
	this.title=title;
	this.img=img;
	this.motto=motto;
}
var s1=new Student(1,'陈用群','温州','学生会','img/pic/1.jpg','好好学习,天天向上');
var s2=new Student(2,'郑良靖','温州','纪律委员','img/pic/2.jpg','好好学习,天天向上');
var s3=new Student(3,'杨翌','丽水','团支书','img/pic/3.jpg','好好学习,天天向上');
var s4=new Student(4,'陈一颖','台州','一姐','img/pic/4.jpg','好好学习,天天向上');
var s5=new Student(5,'陶伟','温州','混子','img/pic/5.jpg','好好学习,天天向上');
var s6=new Student(6,'夏阳','台州','班长会','img/pic/6.jpg','好好学习,天天向上');
var s7=new Student(7,'潘益婷','建德','班主任','img/pic/7.jpg','好好学习,天天向上');
var s8=new Student(8,'宋琦豪','绍兴','非主流之王','img/pic/8.jpg','好好学习,天天向上');
var s9=new Student(9,'渣渣辉','台州','414寝室长','img/pic/9.jpg','好好学习,天天向上');

var yd1701=[s1,s2,s3,s4,s5,s6,s7,s8,s9];
//定义计时器要执行的函数
function fun_member(){
	//随机产生3个学生id，将页面时的照片，座右铭，介绍都替换成该学生
	/*1、创建学生对象（模板 new 10个学生）
	  2、创建数组：每个元素就是学生对象
	  3、循环（3次）
	     1)产生一个随机数
	     2)获取数组响应的index(随机数)：照片、座右铭、介绍
	     3)替换页面上相应的显示*/
	  for(i=0;i<3;i++){
           	var r=Math.floor(Math.random()*9);
           	var img=yd1701[r].img;
           	var motto=yd1701[r].motto;
           	var intro=yd1701[r].title+":"+yd1701[r].name+","+yd1701[r].hometown;
           	div.eq(i).find('img').attr("src",img);
           	p.eq(i).text(motto);
           	p.eq(i).siblings('h4').text(intro);
           }
}
